<!DOCTYPE html>
<html lang="en">
<head>
  <title>Matrix Admin</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
  <link rel="stylesheet" href="css/colorpicker.css" />
  <link rel="stylesheet" href="css/datepicker.css" />
  <link rel="stylesheet" href="css/uniform.css" />
  <link rel="stylesheet" href="css/select2.css" />
  <link rel="stylesheet" href="css/matrix-style.css" />
  <link rel="stylesheet" href="css/matrix-media.css" />
  <link rel="stylesheet" href="css/bootstrap-wysihtml5.css" />
  <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'></head>
<body>

  <!--Header-part-->
  <div id="header">
    <h1>
      <a href="dashboard.html">Matrix Admin</a>
    </h1>
  </div>
  <!--close-Header-part-->

  <!--top-Header-menu-->
  <div id="user-nav" class="navbar navbar-inverse">
    <ul class="nav">
      <li  class="dropdown" id="profile-messages" >
        <a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle"> <i class="icon icon-user"></i>
          <span class="text">此生不换</span> <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li>
            <a href="#"> <i class="icon-user"></i>
              个人资料
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <i class="icon-check"></i>
              My Tasks
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="login.html">
              <i class="icon-key"></i>
              退出
            </a>
          </li>
        </ul>
      </li>
      <li class="dropdown" id="menu-messages">
        <a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle">
          <i class="icon icon-envelope"></i>
          <span class="text">Messages</span>
          <!-- <span class="label label-important">5</span> <b class="caret"></b> -->
        </a>
        <ul class="dropdown-menu">
          <li>
            <a class="sAdd" title="" href="#">
              <i class="icon-plus"></i>
              new message
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="sInbox" title="" href="#">
              <i class="icon-envelope"></i>
              inbox
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="sOutbox" title="" href="#">
              <i class="icon-arrow-up"></i>
              outbox
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="sTrash" title="" href="#">
              <i class="icon-trash"></i>
              trash
            </a>
          </li>
        </ul>
      </li>
      <li class="">
        <a title="" href="#">
          <i class="icon icon-cog"></i>
          <span class="text">系统设置</span>
        </a>
      </li>
      <li class="">
        <a title="" href="login.html">
          <i class="icon icon-share-alt"></i>
          <span class="text">退出</span>
        </a>
      </li>
    </ul>
  </div>
  <!--close-top-Header-menu-->

  <!--start-top-serch-->
  <div id="search">
    <input type="text" placeholder="搜索..."/>
    <button type="submit" class="tip-bottom" title="Search">
      <i class="icon-search icon-white"></i>
    </button>
  </div>
  <!--close-top-serch-->
  <!--sidebar-menu-->
  <div id="sidebar">
    <a href="#" class="visible-phone">
      <i class="icon icon-home"></i>
      Dashboard
    </a>
    <ul>
      <li>
        <a href="index.html">
          <i class="icon icon-home"></i>
          <span>综合信息</span>
        </a>
      </li>
      <li>
        <a href="charts.html">
          <i class="icon icon-signal"></i>
          <span>统计&图表</span>
        </a>
      </li>
      <li>
        <a href="tables.html">
          <i class="icon icon-th"></i>
          <span>表格</span>
        </a>
      </li>
      <li  class="active">
        <a href='add.html'>
          <i class='icon icon-tag'></i>
          <span>添加</span>
        </a>
      </li>
      <li>
        <a href='list.html'>
          <i class='icon icon-tags'></i>
          <span>列表</span>
        </a>
      </li>
      <li>
        <a href="grid.html">
          <i class="icon icon-fullscreen"></i>
          <span>Full width</span>
        </a>
      </li>
    </ul>
  </div>
  <!--sidebar-menu-->

  <!--close-left-menu-stats-sidebar-->

  <div id="content">
    <div id="content-header">
      <div id="breadcrumb">
        <a href="index.html" title="Go to Home" class="tip-bottom">
          <i class="icon-home"></i>
          首页
        </a>
        <a href="#" class="tip-bottom">XX管理</a>
        <a href="#" class="current">添加数据</a>
      </div>
    </div>
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span12">
          <div>
            <button class='btn'>返回</button>
          </div>
          <div class="widget-box">
            <div class="widget-title">
              <span class="icon">
                <i class="icon-align-justify"></i>
              </span>
              <h5>数据表单</h5>
            </div>
            <div class="widget-content">

              <form class="form-horizontal">
                <div class="control-group">
                  <label class='control-label'>标题</label>
                  <div class='controls'>
                    <input type="text" class="span6" placeholder='请输入文章标题...' />
                  </div>
                </div>
                <div class="control-group">
                  <label class='control-label'>时间</label>
                  <div class='controls'>
                    <input type="text" class="span6" placeholder='请选择发布时间,默认为当前时间...' />
                  </div>
                </div>
                <div class="control-group">
                  <label class="control-label">内容</label>
                  <div class="controls">
                    <textarea class="textarea_editor span10" rows="6" placeholder="请输入内容..."></textarea>
                  </div>
                </div>
                <div class="form-actions">
                  <button type="submit" class="btn btn-success">确定</button>
                  <button type="reset" class="btn">重置</button>
                </div>
              </form>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--Footer-part-->
  <div class="row-fluid">
    <div id="footer" class="span12">
      2013 &copy; Matrix Admin. Brought to you by
      <a href="http://themedesigner.in/">Themedesigner.in</a>
    </div>
  </div>
  <!--end-Footer-part-->
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.ui.custom.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/bootstrap-colorpicker.js"></script>
  <script src="js/bootstrap-datepicker.js"></script>
  <script src="js/jquery.toggle.buttons.html"></script>
  <script src="js/masked.js"></script>
  <script src="js/jquery.uniform.js"></script>
  <script src="js/select2.min.js"></script>
  <script src="js/matrix.js"></script>
  <script src="js/matrix.form_common.js"></script>
  <script src="js/wysihtml5-0.3.0.js"></script>
  <script src="js/jquery.peity.min.js"></script>
  <script src="js/bootstrap-wysihtml5.js"></script>
  <script>
  $('.textarea_editor').wysihtml5({
        "html": true
  });
</script>
</body>
</html>